<template>
  <div>
    <div class="paiban">
      <div class="group">
        <el-radio-group v-model="tabPosition" style="margin-bottom: 30px">
          <el-radio-button label="top">上一周</el-radio-button>
          <el-radio-button label="right">本周</el-radio-button>
          <el-radio-button label="left">下一周</el-radio-button>
        </el-radio-group>
      </div>
      <div class="opt">
        <el-cascader
          v-model="value"
          placeholder="请选择科室"
          :options="options"
          @change="handleChange"
        ></el-cascader>
      </div>
      <el-input v-model="input" placeholder="请输入病人姓名"></el-input>
      <el-button type="primary">搜索</el-button>
    </div>
    <common />
    <page />
  </div>
</template>

<script>
import page from "@/views/admin/children/ys/common/page.vue";
import common from '@/views/admin/children/ys/common/index.vue'

export default {
  components: { 
    page,
    common 
    },
  data() {
    return {
      options: [
        {
          label: "内科",
          children: [
            { label: "消化内科" },
            { label: "血液内科" },
            { label: "风湿免疫内科" },
            { label: "肾内科" },
          ],
        },
        {
          label: "外科",
          children: [
            { label: "消化内科" },
            { label: "血液内科" },
            { label: "风湿免疫内科" },
            { label: "肾内科" },
          ],
        },
      ],
      input: "",
      tabPosition: "top",
      value: [],
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
    },
  },
};
</script>

<style lang="scss" scoped>
@import "./scss/index.scss";
</style>